<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        body>div{
            width: 1000px;
            margin: 0 auto;
        }
        h2{
            text-align: center;
        }
        #c_div{
            text-align: center;
            margin: 30px 0;
        }
        #c_div>a{
            color: black;
            text-decoration: none;
            margin: 0 22px;
            font-size: 15px;
        }
        #c_div>a:hover{
            color: #31c27c;
        }
        /*选中5个小div*/
        #s_div>div{
            /*总宽度100 每个div 200*/
            width: 180px;
            margin: 0 10px;/*左右10外边距加上180宽度 总共200*/
            float: left;/*纵向改横向*/
        }
        #s_div img{
            width: 100%;/*上级div的尺寸 180*/
        }
        #s_div a{
            text-decoration: none;
            color: black;
            font-size: 14px;
        }
        p{
            margin: 0;
            font-size: 14px;
            color: #999;
        }



    </style>
</head>
<body>
<!--图片路径:
https://qpic.y.qq.com/music_cover/S0ic8e816DmKBYfOJtrICHlic3N9EXibfFAV0ExZvO7ibNEkDRgFwOzWGg/300?n=1
https://qpic.y.qq.com/music_cover/oLU121BePGnD2tjrMP6P5EBlxSPeg6MtCzcmkJX3XOTm8icx2En8S5A/300?n=1
https://qpic.y.qq.com/music_cover/P4gD9Gv39kWkicEBxqbQbUUCukMChZk4Efu0zSz1hu6aS5sR5mJbvicQ/300?n=1
https://qpic.y.qq.com/music_cover/GUalk7A0sBGvkxmUrXIf7Jf3icVsskcgibUzw3qQCXjpdOUNhGhhwTDQ/300?n=1
	https://qpic.y.qq.com/music_cover/W1MtWGqfia8HlVLot7W9WN8xJ5AYml0SNBNticuaS3Daib5VwYib2uAlUg/300?n=1
-->
<div>
    <h2>歌单推荐</h2>
    <div id="c_div">
        <a href="">为你推荐</a>
        <a href="">短视频热歌</a>
        <a href="">情歌</a>
        <a href="">经典国语</a>
        <a href="">官方歌单</a>
        <a href="">网络歌曲</a>
    </div>
    <div id="s_div">
        <div>
            <img src="img/1.jpg" alt="">
            <a href="">上分必备|身法操作不可少的BGM</a>
            <p>播放量：206.2万</p>
        </div>
        <div>
            <img src="img/2.jpg" alt="">
            <a>100首精选粤语歌 怀念旧时光</a>
            <p>播放量：206.2万</p>
        </div>
        <div>
            <img src="img/3.jpg" alt="">
            <a>绝对典藏！400首欧美动感热曲全收录</a>
            <p>播放量：206.2万</p>
        </div>
        <div>
            <img src="img/4.jpg" alt="">
            <a>国产嘻哈：rap们的高能时刻！</a>
            <p>播放量：206.2万</p>
        </div>
        <div>
            <img src="img/5.jpg" alt="">
            <a>流行｜一秒倾心的神仙歌曲</a>
            <p>播放量：206.2万</p>
        </div>
    </div>

</div>
</body>
</html>